﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="EditAvatar.ascx.cs" Inherits="SonCa.SocialNetwork.Web.Profiles.ASCX.EditAvatar" %>

<asp:Panel ID="pnlUpload" runat="server" Visible="true">
    <div>
    <form method="post" runat="server" enctype="multipart/form-data" action="">
    <fieldset>
        <div class="divContainerTitle">Upload avatar</div>
        <table width="100%">
            <tr>
                <td style="width: 205px;">
                    <div style="width: 200px; height: 200px; border: solid 1px #000000; padding: 5px;">
                    <asp:Image runat="server" ID="imgAvatar_uc" Height="200" Width="200" Style="display:block" />
                        <%--Avatars can be displayed as large as 200x200 pixels (<i>the size of this box</i>).
                        It is suggested that you do not upload anything smaller or larger than this, as
                        it might stretch/shrink a bit and not look as nice as you had hoped!--%>
                        <img id="display_img_uc" src="#" alt="your image" width="200px" height="200px" style="display:none" />
                    </div>
                </td>
                <td valign="top">
                    <div style="padding: 5px; float: left;">
                        Avatar:
                    </div>
                    <br />
                    <asp:FileUpload Width="270px" Size="28" ID="fuAvatarUpload_uc" runat="server" onchange="DisplayImage_uc(this);" />
                    <asp:Button ID="btnSubmitEditAvatar_uc" runat="server" Text="Submit" />
                    <p />
                    <table width="100%">
                        <tr>
                            <td style="padding-left: 5px;">
                                Upload hình ảnh với độ phân giải 200x200 pixel (<i>Xem khung hình ở bên trái</i>) để có hình đẹp nhất.
                            </td>
                        </tr>
                        <tr>
                            <td style="padding: 5px;">
                                <asp:Label ForeColor="Red" ID="lblMessage" runat="server"></asp:Label>
                            </td>
                        </tr>
                    </table>
                    <p />
                </td>
            </tr>
        </table>
    </fieldset>
    </form>
    </div>
</asp:Panel>  